<template>
	<div >
		<h3>我的课程表</h3>
		<hr >
		<table style="width: 90%;line-height: 26px;">
			<tr>
				<td>任课教师ID</td>
				<td>任课教师</td>
				<td>所在班级ID</td>
				<td>所在班级</td>
				<td>课程ID</td>
				<td>课程名称</td>
			</tr>
			<tr v-for="u in data.cous">
				<td>{{u.user.uid}}</td>
				<td>{{u.user.uname}}</td>
				<td>{{u.clz.clzno}}</td>
				<td>{{u.clz.clzname}}</td>
				<td>{{u.course.cno}}</td>
				<td>{{u.course.cname}}</td>
			</tr>
		</table>
	</div>
</template>

<script setup>
	import { ref , reactive , onMounted ,computed } from "vue"
	import {$get , $postx} from "../../ajax/index.js"
	import myalert from "../../store/index.js"
	
	const data = reactive({
		cous :[],
	})
	
	onMounted( ()=>{
		console.log("学生课程 mounted......");
		$get("/api/fore/stu/findMyCourse"
		).then((resp)=>{
			console.log(resp.data.data)
			data.cous = resp.data.data;
		})
	})
</script>

<style>
</style>
